
.layout-container {
    height: 100vh;

    .el-aside {
        background-color: #000000;
        .el-menu {
            background-color: #292828;
            border-right: none;

        }
        .el-menu-item:hover {
            background-color: #0e192e;
            color: #66b1ff;
        }
        &__logo {
            height: 100px;
            background: url('public/assets/emall_logo.png') no-repeat center /120px auto;
        }


    }

    .el-header {
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .el-dropdown__box {
            display: flex;
            align-items: center;

            .el-icon {
                color: #999;
                margin-left: 10px;
            }

            &:active,
            &:focus {
                outline: none;
            }
        }
    }

    .el-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #666;
    }
}
